<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport"/>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
    <meta name="renderer" content="webkit"/>
    <meta name="HandheldFriendly" content="true"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="Keywords"
          content="TINY平台,短链生成,在线短链生成,长链转短链,短网址,短链接,短连接,网址缩短,短域名,短地址,缩短网址,url缩短,短网址生成,短网址在线生成,短网址生成器,短网址在线转换,短网址接口,免费短网址"/>
    <meta name="Description"
          content="TINY短链平台提供专业的网址缩短服务，具有稳定、快速、安全的特点，帮您把冗长的URL地址缩短成6个字符以内的短网址，支持批量缩短，淘宝百度网址缩短、营销数据分析、开放API接口等服务"/>
    <link rel="shortcut icon" href="/images/favicon.ico"/>
    <title>TINY-短链平台</title>

    <link rel="stylesheet" type="text/css" href="/lib/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="/css/portal/global.css"/>
    <link rel="stylesheet" type="text/css" href="/css/portal/animate.css"/>
    <link rel="stylesheet" type="text/css" href="/css/portal/index.css"/>
    <link rel="stylesheet" type="text/css" href="/css/portal/insider.css"/>
    <link rel="stylesheet" type="text/css" href="/css/portal/change.css"/>

    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<div id="header">
    <div class="wrap clearfix">
        <div class="logo">
            <a href="index.html" class="en-font">
                <i>T</i>
                <i>I</i>
                <i>N</i>
                <i>Y</i>
                <i>短</i>
                <i>链</i>
                <i>平</i>
                <i>台</i>
            </a>
        </div>
        <div id="Menu">
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item layui-this">
                    <a href="javascript:void(0);" lay-on="main">
                        <i class="layui-icon-home layui-icon"></i>
                        首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:void(0);" lay-on="apidoc">
                        <i class="layui-icon-auz layui-icon"></i>
                        API文档
                    </a>
                </li>
                <li class="layui-nav-item ">
                    <a href="javascript:void(0);" lay-on="about">
                        <i class="layui-icon-about layui-icon"></i>
                        关于我们
                    </a>
                </li>
                <li class="layui-nav-item ">
                    <a href="javascript:void(0);">
                        <i class="layui-icon layui-icon-user"></i>
                        用户
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/page/tenant/login.html">登录</a></dd>
                        <dd><a href="/page/tenant/register.html">注册</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="menuBar">
            <ul class="list">
                <li class="bar_line bar_top"></li>
                <li class="bar_line bar_mid"></li>
                <li class="bar_line bar_foot"></li>
            </ul>
        </div>
        <div id="mMenu">
            <ul class="list">
                <li class="current">
                    <a href="javascript:void(0);" lay-on="main">首页</a>
                </li>
                <li class="">
                    <a href="javascript:void(0);" lay-on="apidoc">API文档</a>
                </li>
                <li class="">
                    <a href="javascript:void(0);" lay-on="about">关于我们</a>
                </li>
                <li><a href="/page/tenant/login.html">登录</a></li>
                <li><a href="/page/tenant/register.html">注册</a></li>
            </ul>
        </div>
    </div>
</div>


<div id="middle"></div>


<div id="footer">
    <div class="wrap">
        <div class="init clearfix">
            <div class="each">
                <div class="title en-font">TINYCLOUD</div>
                <div class="item">
                    <ul class="list">
                        <li><a target="_blank" href="https://gitee.com/leisureLXY">码云下载</a></li>
                        <li><a target="_blank" href="https://gitee.com/leisureLXY">开发手册</a></li>
                        <li><a target="_blank" href="https://gitee.com/leisureLXY">系统演示</a></li>
                        <li><a target="_blank" href="https://gitee.com/leisureLXY">使用协议</a></li>
                    </ul>
                </div>
            </div>
            <div class="each">
                <div class="title">商务合作</div>
                <div class="item">
                    <ul class="list">
                        <li>
                            <a target="_blank"
                               href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=layuimini.com&menu=yes">项目外包</a>
                        </li>
                        <li><a target="_blank"
                               href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=layuimini.com&menu=yes">定制开发</a>
                        </li>
                        <li><a target="_blank"
                               href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=layuimini.com&menu=yes">广告投放</a>
                        </li>
                        <li><a target="_blank"
                               href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=layuimini.com&menu=yes">商务合作</a>
                        </li>
                        <li><a target="_blank"
                               href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=layuimini.com&menu=yes">买断系统</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="each link">
                <div class="title">
                    友情链接<a target="_blank" style="margin-left:10px;color:rgba(255,255,255,0.8)"
                           href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=wooadmin.cn&menu=yes">(友链交换)
                </a>
                </div>
                <div class="item">
                    <a href="https://www.thinkphp.cn/" target="_blank">ThinkPHP</a><em>|</em>
                    <a href="https://www.kancloud.cn" target="_blank">看云</a><em>|</em>
                    <a href="https://gitee.com" target="_blank">Gitee</a><em>|</em>
                    <a href="https://juejin.cn/" target="_blank">掘金</a><em>|</em>
                    <a href="https://www.oschina.net/" target="_blank">开源中国</a><em>|</em>
                    <a href="https://layui.dev/" target="_blank">Layui</a><em>|</em>
                    <a href="https://baomidou.com/" target="_blank">MyBatis-Plus</a>
                </div>
            </div>
            <div class="each contact">
                <div class="title">联系我们</div>
                <div class="item">
                    <ul class="list">
                        <li>私信我们：
                            <a target="_blank"
                               href="https://wpa.qq.com/msgrd?v=3&uin=123456789&site=wooadmin.cn&menu=yes">123456789</a>
                        </li>
                        <li>QQ交流①群：
                            <a target="_blank"
                               href="//shang.qq.com/wpa/qunwpa?idkey=123456789">123456789</a>
                        </li>
                        <li>授权高级群：
                            <a target="_blank"
                               href="//shang.qq.com/wpa/qunwpa?idkey=123456789">123456789</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<div id="copyright">
    <div class="wrap en-font">
        <span style="font-size: 12px;">免责声明：短链接由用户生成，所跳转的内容与本站无关。本站禁止违法违规内容的网站生成短链接，如有发现立刻封停！</span>
        <br/>
        <span>© 2023 TINYCLOUD . All Rights Reserved.</span>
        <span>
            <a target="_blank" style="color:#fff;" href="https://beian.miit.gov.cn/">鲁ICP备123456789号</a>
        </span>
    </div>
</div>


<script type="text/javascript" src="/lib/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="/lib/layui/layui.js"></script>
<script type="text/javascript" src="/lib/clipboard/clipboard.min.js"></script>
<script type="text/javascript" src="/lib/qrcode/qrcode.min.js"></script>
<script type="text/javascript" src="/js/public.js"></script>

<script>
    layui.use(['jquery', 'util', 'element'], function () {
        var $ = layui.jquery,
            element = layui.element,
            util = layui.util;

        // 渲染自定义固定条
        util.fixbar({
            bars: [],
            on: {
                mouseenter: function (type) {
                    layer.tips("返回到最顶部", this, {
                        tips: 4,
                        fixed: true
                    });
                },
                mouseleave: function (type) {
                    layer.closeAll('tips');
                }
            },
            // 点击事件
            click: function (type) {
                console.log(this, type);
            }
        });

        // 渲染主页面
        renderPageContent('/page/portal/main.html');

        // 处理属性 为 lay-on 的所有元素事件
        util.on('lay-on', {
            main: function () {
                renderPageContent('/page/portal/main.html');
            },
            apidoc: function () {
                renderPageContent('/page/portal/apidoc.html');
            },
            about: function () {
                renderPageContent('/page/portal/about.html');
            }
        });


        /**
         * 初始化页面内容，通过ajax
         * @param href
         */
        function renderPageContent(href) {
            var container = '#middle';
            var v = new Date().getTime();
            href = href.indexOf("?") > -1 ? href + '&v=' + v : href + '?v=' + v;
            $(container).html('');
            $.ajax({
                url: href,
                type: 'get',
                dataType: 'html',
                success: function (data) {
                    $(container).html(data);
                    element.render();
                },
                error: function (xhr, textStatus, thrown) {
                    return layer.msg('Status:' + xhr.status + '，' + xhr.statusText + '，请稍后再试！');
                }
            });
        }

        $('body').on('focus', 'a', function () {
            $(this).blur()
        })

        $('.menuBar').click(function () {
            $('#header').toggleClass('menu_close');
        })

        $(window).scroll(function () {
            var st = $(window).scrollTop();
            if (st > 0) {
                $('#header').addClass('move')
            } else {
                $('#header').removeClass('move')
            }
        })
    });
</script>

</body>
</html>